{% load staticfiles %}
<!DOCTYPE html>  
<html lang="en">  
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>信息管理系统</title>

		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <!-- 调用相应的CSS元素-->
        {%  include 'head_css.html' %}
        <!--存放网页特需的CSS元素-->
        {% block page_css %}
        {% endblock %}

	</head>    
	
	
 <body class="no-skin">  
	<div id="navbar" class="navbar navbar-default">
		<script type="text/javascript">
			try{ace.settings.check('navbar' , 'fixed')}catch(e){}
		</script>

		<div class="navbar-container" id="navbar-container">
			<!-- #section:basics/sidebar.mobile.toggle -->
			<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
				<span class="sr-only">Toggle sidebar</span>

				<span class="icon-bar"></span>

				<span class="icon-bar"></span>

				<span class="icon-bar"></span>
			</button>

			<!-- /section:basics/sidebar.mobile.toggle -->
			<div class="navbar-header pull-left">
				<!-- #section:basics/navbar.layout.brand -->
				<a href="#" class="navbar-brand">
					<small>
						<i class="fa fa-leaf"></i>
						ShenZhen Bigdata Center
					</small>
				</a>

				<!-- /section:basics/navbar.layout.brand -->

				<!-- #section:basics/navbar.toggle -->

				<!-- /section:basics/navbar.toggle -->

               </div>

			<!-- #section:basics/navbar.dropdown -->
			<div class="navbar-buttons navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">

				</ul>
			</div>

			<!-- /section:basics/navbar.dropdown -->
		</div><!-- /.navbar-container -->
	</div>   
  
    <div class="main-container" id="main-container">  
		<div id="sidebar" class="sidebar responsive">
			<script type="text/javascript">
				try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
			</script>

			<ul class="nav nav-list">
				<li class="">
					<a href="{% url 'index'%}">
						<i class="menu-icon fa fa-tachometer"></i>
						<span class="menu-text"> 主页  </span>
					</a>

				</li>

				{% if 'task' in request.path or 'tools' in request.path %}
                           <li class="active open" >
                               {% else %}
                           <li class="">
                       {% endif %}
					<a href="/lists/device">
						<span class="menu-text"> 主机信息 </span>
					</a>

					<b class="arrow"></b>
					
                   <!--如果相关路径在请求路径中，那么一下li class为active open -->
					{% if '/lists/' in request.path or '/add/' in request.path or '/edit/' in request.path %}
                           <li class="active open" >
                               {% else %}
                           <li class="">
                       {% endif %}
					<a href="/lists/service">
						<span class="menu-text"> 服务信息 </span>
					</a>

					<li class="">  
					    <a href="{% url 'task_list' %}">  
					      <span  class="menu-text">任务列表</span>
						</a>  
						<b class="arrow"></b>  
					</li>			

					</ul>




			</ul><!-- /.nav-list -->

			<!-- #section:basics/sidebar.layout.minimize -->
			<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
				<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
			</div>

			<!-- /section:basics/sidebar.layout.minimize -->
			<script type="text/javascript">
				try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
			</script>
		</div> 
    
		<div class="main-content">  
			<div class="breadcrumbs" id="breadcrumbs">
				<script type="text/javascript">
					try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
				</script>
	
				<ul class="breadcrumb">
					<li>
						<i class="ace-icon fa fa-home home-icon"></i>
						<a href="#">Home</a>
					</li>
	
					<li>
						<a href="#">{{ page_title }}</a>
					</li>
					<li class="active">{{ sub_title }}</li>
				</ul><!-- /.breadcrumb -->
	
	
			</div>  
     
		<div class="page-content">  
			<div class="page-content-area">  
				<div class="page-header">  
                    <h1>  
                    <!--设置导航栏的页面标题-->  
                        {% block page_title %}  
                        {% endblock %}  
                        <small>  
                            <i class="ace-icon fa fa-angle-double-right"></i>  
                            <!--设置导航栏的页面子标题-->  
                            {{ sub_title }}  
                        </small>  
                    </h1>  
                </div><!-- /.page-header -->  
				<div class="row">  
					<div class="col-xs-12">  
						<!-- PAGE CONTENT BEGINS -->  
						<!--设置页面内容-->  
							{% block container %}  
							{% endblock %}  
						<!-- PAGE CONTENT ENDS -->  
					</div><!-- /.col -->  
				</div><!-- /.row -->  
			</div><!-- /.page-content-area -->  
		</div><!-- /.page-content -->
		</div><!-- /.main-content -->
        <div class="footer">
		    <div class="footer-inner">
				<div class="footer-content">
					<span class="bigger-120">
						<span class ="blue bolder"></span>
					2017 - Power By <a href="http://www.honglicheng.com/" target="_blank">宏立城集团</a>
				<a href="" class="go-top">
					<i class="fa fa-angle-up"></i>
				</a>
			</div>
		</footer>
    {%  include 'javascript.html' %}
    <!--存放网页特定的javascript-->
    {% block page_javascript %}
    {% endblock %}
 </body>  
</html>
